<template>
    <transition>
      <slot></slot>
    </transition>
</template>

<script>
    export default {
        name: "ScrollAnimation"
    }
</script>

<style lang="stylus" scoped>
  .v-enter, .v-leave-to
    opacity: 0
    transform: translate3d(24px, 0, 0) rotate(180deg)
  .v-enter-to, .v-leave
    opacity: 1
    transform: rotate(0) translate3d(0, 0, 0)
  .v-enter-active, .v-leave-active
    transition: all 0.2s linear
</style>
